body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin:0;padding:0;}
body, button, input, select, textarea {font-size:15px;font-family:\5FAE\8F6F\96C5\9ED1,Arial, Helvetica, sans-serif;color:#333333; line-height:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
s{font-style:normal;margin:0;padding:0; text-decoration:none;}
i{font-style:normal;}
ul, ol {list-style:none outside none;margin:0;padding:0;}
a {text-decoration:none; cursor:pointer;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0); }
a:hover {text-decoration:none;}
a,a:visited{color:#333;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000000;}
fieldset, img {border:0 none;}
footer,nav,header{margin:0;padding:0;}
.clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
/* Hides from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
input{outline: none;}
.st{ font-family:\5B8B\4F53;}
*+html .clearfix{min-height:1%;}
/*a:focus,a:hover,input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}*/
a{outline:none;}
input,textarea{
/*-webkit-appearance: none;*/ -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-modify: read-write-plaintext-only; 
}
.dlfl dt,.dlfl dd{float:left;display:inline;}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}

a{outline:none;}
input{outline: none;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;table-layout: fixed;}
table,th,tr,td{font-size:12px;font:12px/1.5 \5FAE\8F6F\96C5\9ED1,Arial, Helvetica, sans-serif;}


:root{
  font: 16px/1.5 Zantroke, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  --primary: #00b050;
  --secondary: #f3ac00;
  --tertiary: #999;

  --dark: #222;
  --light: #fff;

  --rounded: 290486px;
}

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.dlfl dt,.dlfl dd{float:left;display:inline;}
.dlfl dd p{text-indent:24px;}
body{ background-color:#fff;}
.box{width:1000px;margin:0 auto;}
.header{padding-top:22px;}
.langu{height:50px; line-height:25px;font-size:font-size:16px;}
.langu a,.langu a:visited{color:#001971;}
.langu a.cur,.langu a.cur:visited{color:#333;}
.sea{width:240px;height:34px; line-height:34px;}
.sea input{float:left;}
.seainput{height:32px; line-height:32px;border:1px solid #ddd;padding:0 5px;width:178px;}
.seabtn{ background:url(../image/seabtn.png) left top no-repeat;width:50px;height:34px; text-indent:-9999em;overflow:hidden;cursor:pointer;border:0;}
.nav-box{margin-top:25px;}
.nav{width:1000px;display: flex;}
.nav ul{margin-right:-1px;}
.nav ul li{float:left;display:inline;font-size:16px;width:110px;position:relative;z-index:10;background:url(../images/top_bg1.png) 80px center no-repeat;}
.nav ul li:nth-child(1){float:left;display:inline;font-size:16px;width:89px;position:relative;z-index:10;background:url(../images/top_bg1.png) 57px center no-repeat;}

.nav ul li:last-child{float:left;display:inline;font-size:16px;width:89px;position:relative;z-index:10;background:none}
.nav ul li a.fir{ float:left;height:34px; line-height:34px;width:100%; text-align:left;}
.nav ul li.last a.fir{ background: none;}
.step a{display:block;width:100%;height:36px; line-height:36px;overflow:hidden;border-bottom:1px solid #6b6b6b; background-color:#1b1b1b;font-size:12px; text-align:center;}
.step{position:absolute;left:1px;top:34px;width:90px; z-index:100;display:none;}
.cur .step{display:block;}
.step a,.step a:visited{color:#fff;}
.step a:hover{text-decoration:none;color:#fe0000;}
.step i{display:block; background:url(../image/navstep.png) center top no-repeat;height:9px;overflow:hidden;width:100%;}
.banjs{height:auto;overflow:hidden;width:100%;margin-top:82px;background:url(../image/line02.png) center top no-repeat;padding-top:5px;position:relative;}
.banjs ul,.banjs ul li{width:100%;height:100%;}
.banjs .jspage{position:absolute;left:0;bottom:10px;width:100%;overflow:hidden; text-align:center;}
.banjs .jspage span{ background: url(../image/banjs02.png) left top no-repeat;width:13px;height:13px;display:inline-block;zoom:1;*display:inline;margin:0 5px;cursor:pointer;}
.banjs .jspage span.cur{background: url(../image/banjs01.png) left top no-repeat;}
.com-intro{height:336px;padding-top:30px;overflow:hidden;background: url(../image/intro01.png) center top no-repeat;background-color: #fcfcfc;text-align:Justify;text-justify:inter-ideograph}
.btit{height:60px;line-height: 60px;border-bottom:1px solid #ddd;font-size:25px;position:relative;}
.btit span{display:block;height:58px; line-height:58px;border-bottom:2px solid #0f458d;position:absolute;top:0;width:120px;margin:0 auto; text-align: center;left:0;}
.com-intro .btit span{left:440px;}
.com-intro .main {margin-top:40px;}
.com-intro .main dt{width:378px;margin-right:20px;}
.com-intro .main dd{font-size:15px;width:595px;margin-top:0px;line-height:28px;}
.dt-box{margin-top:30px;}
.qy-news ul li{height:35px;line-height:35px; white-space: nowrap;overflow:hidden; text-overflow: ellipsis;width:100%;font-size:15px;}
.qy-news{width:440px;}
.qy-news .main{padding-top:18px;}
.qy-news ul li span{float:left;display:inline;padding-right:30px;}
.qy-news ul li a:hover{ text-decoration:underline;color:#001971;}
.more a{display:block; background: url(../image/tb01.png) right center no-repeat;height:20px; line-height: 20px;padding-right:25px;}
.more a,.more a:visited{color:#4796e1; text-decoration: underline;}
.more{width:90px;margin-top:10px;font-size:13px;}
.hy-news{width:505px;margin-left:55px;}
.hy-news dl dt{width:175px;margin-right:20px;}
.hy-news dl dd{width:290px;}
.hy-news .main{padding-top:30px;}
.hy-news dl dd ul li{height:35px;line-height:35px; white-space: nowrap;overflow:hidden; text-overflow: ellipsis;width:100%;font-size:15px;}
.hy-news dl dd ul li a:hover{ text-decoration:underline;color:#001971;}
.pro-intro{ padding:15px 0;margin-top:40px;}
.pro-intro .btit span{left:440px;}
.pro-list{padding-top:70px;}
.pro-nav ul li{display:inline-block;zoom:1;*display:inline;height:50px;line-height:50px;width:206px; text-align: center;}
.pro-nav ul li a{display:inline-block;zoom:1;*display:inline;width:100%;height:100%;}
.pro-nav{height:50px;position:relative; background: url(../image/line03.png) center bottom no-repeat; text-align: center;}
.pro-nav ul li.cur a{ background-color: #080068;color:#fff;}
.pro-main ul li{float:left;display:inline;width:280px;margin:35px 80px 0 0;}
.pro-main ul{margin-right:-80px;overflow:hidden;padding-top:20px;}
.pro-main ul li span{clear:both;background: url(../image/tb02.png) left 9px no-repeat;padding-left:15px;height:20px;display:block; white-space: nowrap;overflow:hidden;width:265px; text-overflow: ellipsis;padding-top:5px;}
.pro-main ul li a:hover{ box-shadow: 0 0 10px #333;}
.pro-main ul li a{float:left;display:inline;}
.pro-main ul li a img{display:block;}
.footer{height:120px;padding:30px 0; text-align:center; line-height:32px;color:#fff; background-color: #292a2c;font-size:14px;}
.footer a{ color:#FFF;}
.footer a:hover{ color:#FFF; text-decoration:underline}
.blank60{height:60px;overflow:hidden;clear:both;}
.sale-nav{width:200px;}
.sale-nav ul li{ background-color: #eee;height:40px;padding:25px 0 25px 35px;margin-bottom:3px;width:165px;overflow:hidden;position:relative;}
.banner0{ background: url(../image/line02.png) center top no-repeat;height:350px;padding-top:5px;margin-top:13px;}
.banner-con{ background: url(../image/k01.jpg) center top no-repeat;height:350px;overflow:hidden;}
.sale-area{margin-top:60px;}

.sale-area img{max-width:650px}
.sale-nav ul li h3{font-size:16px;color:#333;}
.sale-nav ul li span{font-size:11px;text-transform:capitalize}
.sale-nav ul li i{ background-color: #a0a0a0;width:9px;overflow:hidden;height:90px;display:block;position:absolute;right:0;top:0;}
.sale-nav ul li.cur i,.sale-nav ul li a:hover i{ background-color: #080068;right:auto;left:0;}
.sale-nav ul li.cur a h3,.sale-nav ul li.cur a:visited h3,.sale-nav ul li a:hover h3{color:#080068;}
.area-list{ background-color: #fafafa;width:740px;padding-bottom:300px;} 
.area-list ul li{padding:30px 40px;border-top:1px solid #c5c5c5;margin-top:-1px; line-height: 30px;}
.area-list ul{overflow:hidden;}
.area-list ul li strong{font-size:17px;display:block;color:#001971;font-weight:normal;}
.hr-con{background: url(../image/k02.jpg) center top no-repeat;}
.hr-table th,.hr-table td{padding:13px 15px;border-bottom:1px dashed #ccc; text-align: center;font-size:15px;}
.hr-table th{ background-color: #fcfcfc;border-bottom:2px solid #e9e9e9;font-size:17px;}
.hr-table{padding:58px 0 80px 0;}
/*.page{padding:20px 0; text-align: center;width:100%;}
.page a{*//*display:inline-block;*//*zoom:1;*display:inline;width:26px;height:26px; text-align: center; margin:0 2px;line-height: 26px;}
.page a.cur{ background-color: #c9c9c9;color:#fff;}
.page a.ts{border:1px solid #d2d2d2;}
.page a.cur,.page a.cur:visited{color:#fff;}*/
.banner-contance{background: url(../image/k03.jpg) center top no-repeat;}
.contact-map{margin:67px auto 0 auto;height:430px;overflow:hidden; text-align: center;}
.contact-info{margin:35px 0;}
.contact-info ul li{float:left;display:inline;width:332px;height:180px;border:1px solid #c9c9c9; text-align: center;margin:-1px 0 0 -1px;}
.contact-info ul li img{display:block;margin:45px auto 0 auto;}
.contact-info ul li span{font-size:13px;display:block;width:100%; text-align: center;padding:15px 0 5px 0;}
.seaxa{position:absolute;left:0;top:34px;width:188px; z-index: 10000;border:1px solid #ddd; background-color:#fff;overflow:hidden;display:none;}
.seaxa span{cursor:pointer;height:34px; line-height: 34px;display:block;width:100%; text-align:left;border-bottom:1px solid #ddd; text-indent:5px;margin-bottom:-1px;}
.seaxa a{ width:181px; height:34px; float:left; font-size:12px;}
.sea{position:relative;}




/*....................................................................................
*/
.proj-list{background:#fff;width:740px;padding-bottom:300px;text-align:center;padding-bottom:160px;}


.newslist ul{ float:left;padding-top:15px; margin-bottom:25px; width:725px}
.newslist ul li{width:99%;line-height:55px;height:60px; border-bottom:#c3c3c3 dashed 1px}
.newslist ul li.red{background-image:url(../image/dd.gif);}
.newslist ul li span{float:right;color:#969696;}
.newslist ul li a{float:left;background:url(../image/d.gif) left center no-repeat;display:inline;width:80%; white-space:nowrap;overflow:hidden; padding-left:15px; color:#333333; font-size:14px;font-family:microsoft yahei;}
.newslist ul li a:hover{float:left;background:url(../image/dd.gif) left center no-repeat;display:inline;width:80%; white-space:nowrap;overflow:hidden; padding-left:15px; color:#080068}


.sale-nav .active i{ background-color: #080068;right:auto;left:0;}
.sale-nav .active h3{color:#080068;}
.area-list .hgroup{background:url(../image/line.png) no-repeat center bottom;padding-top:30px;}
.area-list .hgroup h5{line-height:30px;text-align:center;font-weight:normal;}
.area-list  .content{width:700px;margin:30px auto;line-height:30px;margin-bottom:0px;}
.area-list  .content p{text-indent:30px}
.proj-con{padding-bottom:100px;}
.banner-news{ background: url(../image/newsbanner.jpg) center top no-repeat;height:350px;overflow:hidden;}
.banner-intro {background: url(../image/introbanner.jpg) center top no-repeat;height:350px;overflow:hidden;}
.news-con{padding-bottom:100px;}
.news-con h1{font-weight:normal;text-align:center;background:url(../image/line.png) no-repeat center bottom;line-height:40px;padding-top:20px;}
.news-con div{padding-top:30px;}
.news-con p{line-height:30px;text-indent:30px;padding-left:20px;padding-right:20px;}
.com-introa{background:#fff;padding:0;text-indent:30px;line-height:30px;padding-bottom:100px;}
.com-introa img{float:left;margin-right:10px;}
.com-introa .leader-header{text-indent:0;}
.business{padding-top:0;background:#fff;padding-bottom:100px;}
.business ul li{padding:0;margin-bottom:20px;border:none;}
.business span{margin-right:20px;text-decoration:underline;}
.business img{margin-right:20px;margin-top:10px;}


.contact-info h1{ font-size:30px; text-align:center; line-height:30px; font-weight: lighter } 
.contact-info .contentf { margin-top:20px; line-height:30px;} 
.contact-info .contentf p{ text-indent:24px;}
.contact-info .contentf img{ margin-top:20px; margin-left:-24px;} 



/*分页样 cccccc 式*/
.page_nav{ float:left;text-align:center; width:100%; height:30px; padding-top:30px; color: #7e725e;}
.page_nav a {
border-right: #f3f3f3 2px solid; padding-right: 5px; border-top: #f3f3f3 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #f3f3f3 2px solid; color:#666666; padding-top: 2px; border-bottom: #f3f3f3 2px solid; text-decoration: none; font-size:14px; background-color:#f3f3f3; 
}
.page_nav a:hover {
border-right: #c2c2c2 2px solid; border-top: #c2c2c2 2px solid; border-left: #c2c2c2 2px solid; color: #7e725e; border-bottom: #c2c2c2 2px solid; font-size:14px;  
}
.page_nav a:active {
border-right: #000099 2px solid; border-top: #000099 2px solid; border-left: #000099 2px solid; color: #7e725e; border-bottom: #000099 2px solid; font-size:14px; 
}
.page_nav span.current {
border-right: #c2c2c2 2px solid; padding-right: 5px; border-top: #c2c2c2 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; margin: 2px; border-left: #c2c2c2 2px solid; color: #7e725e; padding-top: 2px; border-bottom: #c2c2c2 2px solid; background-color:#c2c2c2; font-size:14px; 
}
.page_nav span.nolink { border-right: #f3f3f3 2px solid; padding-right: 5px; border-top: #f3f3f3 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #f3f3f3 2px solid; color:#666666; padding-top: 2px; border-bottom: #f3f3f3 2px solid; text-decoration: none; font-size:14px; background-color:#f3f3f3; 
}

.page_nav span{ font-size:14px;border-right: #f9cd5f 2px solid; padding-right: 5px; border-top: #f9cd5f 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #f9cd5f 2px solid; color:#fff; padding-top: 2px; border-bottom: #f9cd5f 2px solid; text-decoration: none; font-size:14px; background-color:#f9cd5f;  }
 
  
.page_nav_aa{border-right: #aaaadd 2px solid; padding-right: 5px; border-top: #aaaadd 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #aaaadd 2px solid;  padding-top: 2px; border-bottom: #aaaadd 2px solid; text-decoration: none; font-size:14px;  background-color:#fd1a2b; color:#FFFFFF}



.pro-maina ul{ float:left;padding-top:15px; margin-bottom:25px; width:725px}
.pro-maina ul li{float:left;display:inline;width:280px;margin:35px 80px 0 0;}
.pro-maina ul{margin-right:-80px;overflow:hidden;padding-top:20px;}
.pro-maina ul li span{clear:both;background: url(../image/tb02.png) left 9px no-repeat;padding-left:15px;height:20px;display:block; white-space: nowrap;overflow:hidden;width:265px; text-overflow: ellipsis;padding-top:5px;}
.pro-maina ul li a:hover{ box-shadow: 0 0 10px #333;}
.pro-maina ul li a{float:left;display:inline;}
.pro-maina ul li a img{display:block;}

.slideBox{ width:100%;overflow:hidden; position:relative;height: 100%;}
.slideBox .hd{overflow:hidden; position:absolute; left:0; bottom:20px;width: 100%;text-align: center; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display: inline-block;*display: inline;*zoom: 1;border-radius: 20px;-moz-border-radius: 20px;
-khtml-border-radius: 20px;
-webkit-border-radius: 20px;padding:5px 5px;padding-left: 15px;}
.slideBox .hd ul li{ display: inline-block;*display: inline;*zoom: 1; margin-right:22px;  width:16px; height:16px; line-height:14px; text-align:center; background:#fff; cursor:pointer; -moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;}
.slideBox .hd ul li.on{ background:#001971; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height: 700px;background-repeat: no-repeat;background-position: center center; }
.slideBox .bd li a{height: 700px;display: block;}
.slideBox .bd img{ width:100%;display:block;  }

/*大事记*/
.pdtb80{padding:80px 0;}
.contain{width:1200px;margin:0 auto;}
 .ind-tit1{font-size:36px;color:#333;font-weight: bold;text-align: center;position: relative;margin-bottom:45px;padding-bottom:15px;}
/*.ind-tit1:after{content:"";position:absolute;left:50%;bottom:0px;width:45px;height:5px;background:#888;margin-left:-22px;}*/ 

			.his{background-repeat:no-repeat;background-size:cover;background-position:center;}
.his .ind-tit1{color:#fff;margin-bottom:25px;}
.his .ind-tit1:after{background:#fff;}
.his .info{text-align:center;color:#fff;line-height:30px;font-size:16px;margin-bottom:100px;}
.zzry .info{text-align:center;color:#333;line-height:30px;font-size:16px;margin-bottom:30px;}
.qywh .info{text-align:center;line-height:28px;font-size:16px;}


#histime{position:relative;height:220px;}
#histime .contain{position:relative;}
#histime:after{position:absolute;left:0px;top:50%;content:"";width:100%;height:1px;background:rgba(255,255,255,0.2);margin-top:-12px;}
#histime .date{font-size:36px;font-weight:bold;font-family:Arial;color:#fff;margin-bottom:0px;position:relative;}
#histime .date:after{width:15px;height:15px;content:"";border-radius:50%;position:absolute;left:0px;bottom:-63px;      background: none; 

border: 2px solid #fff;}
#histime .note{font-size:16px;font-weight:bold;color:#fff;margin-top:80px;}
#histime .date span{font-size:22px;}
#histime .swiper-container{width:calc(100% - 180px);}
#histime .swiper-button-prev{background:url(../img/icon-hisp.png) no-repeat center;top:60%;position:absolute;}
#histime .swiper-button-next{background:url(../img/icon-hisn.png) no-repeat center;top:60%;position:absolute;}

.logo{display: inline-block;}
/**/
.holer{height:124px; overflow:hidden; background:none;}
#headdiv{height: 131px; position:absolute; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#0889f9;color:#fff;overflow:hidden;font-size:12px}
.top01 .l{font-size:14px}
.top01_center{text-align:left;float:right;font-size:14px}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02{width:100%;min-width:1200px;background-color: rgb(255, 255, 255); height: 86px;    padding-top: 19px;}
.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}
.logo0{width:344px;float:left;padding-top:6px}
.logo0 img{float:left}
.logo0 .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#f67524;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo0 .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav0{float:right;}
.nav0 li{position:relative}
.nav0 li.m{width:105px;padding-right:22px;margin:0 17px 0 0;float:left;text-align:center;background:url(../images/top_bg1.png) right 17px no-repeat;}

.nav0 li:nth-child(7).m{width:105px;padding-right:22px;margin:0 17px 0 0;float:left;text-align:center;background:none;}


.nav0 .m.on a.mmm{color:#f3782a}
.nav0 a.mmm{width:86px;height:46px;padding-top:12px;display:block;font-size:16px;color:#333} 
	.top06 {
	    width: 100%;
	    height: 4px;
	    line-height: 4px;
	    background: #0889f9;
	    
	    overflow: hidden;
	  
	  background-image: linear-gradient(to right, #ccffff,#3366ff, #99ccff);
	}
	
	
	
			/* Slider */
			.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
			.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
			.slick-list:focus { outline: none; }
			.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
			.slick-list.dragging { cursor: pointer; cursor: hand; }
			.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
			.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
			.slick-track:before, .slick-track:after { content: ""; display: table; }
			.slick-track:after { clear: both; }
			.slick-loading .slick-track { visibility: hidden; }
			.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
			.slick-slide img { display: block; }
			.slick-slide.slick-loading img { display: none; }
			.slick-slide.dragging img { pointer-events: none; }
			.slick-initialized .slick-slide { display: block; }
			.slick-loading .slick-slide { visibility: hidden; }
			.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
			a.slick-disabled{ cursor: not-allowed;}
			.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
			.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 400;}
			.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
			
			
			.banner a:link, .banner a:visited { color: #fff; }
	.banner a:active, .banner a:hover { color: #fff; }
	.banner { position: relative; overflow: hidden; width: 100%; height: 100%; background-color: #f7f7f7; overflow: hidden;  opacity: 0;visibility: hidden; transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); color: #fff;}
	.banner.slick-initialized {visibility: visible;opacity: 1;}
	.banner .item { position: relative; width: 100%; overflow: hidden;}
	.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
	.banner .desc{ position: absolute; left: 50%; top: 55%; width: 845px; margin: -124px 0 0 -380px; text-align: center;}
	.banner .desc h4{ font-size: 64px; line-height: 1.2; margin-bottom: 30px;}
	.banner .desc .c{ font-size: 16px; margin-bottom: 40px; opacity: 0;}
	.banner .desc .btn-more{ opacity: 0;}
	.-moving .pimg{ -webkit-animation: zoom_animation 11s linear infinite; animation: zoom_animation 11s linear infinite}
	.banner .slick-active .desc .c{ animation: fadeInUp 1s forwards; animation-delay:400ms;}
	.banner .slick-active .desc .btn-more{ animation: fadeInUp 1s forwards; animation-delay:800ms;}
	.banner .slick-dots{ left: 3%; bottom: 3%; text-align: left;}
	.banner .slick-dots li{ position: relative; width: auto; height: auto;  margin: 0 8px 0 0; padding: 0; cursor: pointer;}
	.banner .slick-dots li a{ width: 18px; height: 3px; background-color: #fff; display: block;}
	.banner .slick-dots li.slick-active a{ background-color: #008cd6;}
	.bitem-span span{ display: inline-block; font-style: inherit; visibility: hidden; }
	.slick-active .bitem-span span{visibility: visible; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:fade-in-blur; animation-name:fade-in-blur; }
	.btn-more{ position: relative; display: block; width: 202px; height: 46px; line-height: 46px; background-color: #008cd6; background: linear-gradient(to right,#008cd6 0%,#8B090D 100%); color: #fff; border-radius: 23px; margin: 0px auto; overflow: hidden;}
	.btn-more:before{    content: "";position: absolute;width: 10px;height: 10px;background: #fff;border-radius: 50%;-webkit-transition: 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);transition: 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);right: auto;left: -70px;bottom: -60px;}
	.btn-more span{ position: relative; transition: .3s;}
	.mouse-box{ position: absolute; left: 0; right: 0; width: 100px; margin: 0 auto; bottom: 3%; font-size: 12px;text-align: center; color: #fff;}
	.mouse-box i{ position: relative; display: block; width: 20px; height: 36px; border: 2px solid #fff; border-radius: 12px; margin: 0px auto;}
	.mouse-box i:before{ content: ""; position: absolute; left: 9px; top: 5px; width: 2px; height: 7px; border-radius: 3px; display: block; background-color: #fff;  -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
	.mouse-box .txt{ line-height: 1.5; padding-top: 15px;} 
	
	/*index style*/
	@-webkit-keyframes fade-in-blur{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
	@keyframes fade-in-blur{0%{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
	@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
	@-webkit-keyframes zoom_animation {
		0% {-webkit-transform: scale(1);transform: scale(1)}
		100% {-webkit-transform: scale(1.2);transform: scale(1.2)}
	}
	@keyframes zoom_animation {
		0% {-webkit-transform: scale(1);transform: scale(1)}
		100% {-webkit-transform: scale(1.2);transform: scale(1.2)}
	
	}
	@-webkit-keyframes zoomUp{0%{transform:scale(1.08)}100%{transform:scale(1)}}
	@keyframes zoomUp{0%{transform:scale(1.08)}100%{transform:scale(1)}}
	@-webkit-keyframes tab {
		 from { opacity: 0; -webkit-transform: translateY(15%);  transform: translateY(15%);}
		to { opacity: 1; -webkit-transform: translateY(0%);transform: translateY(0%);}
	}
	@keyframes tab {
		from { opacity: 0; -webkit-transform: translateY(15%); transform: translateY(15%); }
		to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%);}
	}
	@keyframes mouse-dot {
	    from { opacity: 0; }
	    33% { opacity: 1; }
	    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
	}
	@-webkit-keyframes mouse-dot {
	    from { opacity: 0; }
	    33% { opacity: 1; }
	    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
	}
	@-webkit-keyframes Turnico {
	    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
	    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	}
	@keyframes Turnico {
	    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	    25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
	    50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
	    75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); }
	    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	}
	@-webkit-keyframes slide{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
	@keyframes slide{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
	 @keyframes cloudMove {
	     0% { transform: translate(0); -webkit-transform: translate(0); }
	     100% { transform: translate(-100vw); -webkit-transform: translate(-100vw); }
	 }
	 @-webkit-keyframes cloudMove {
	     0% { transform: translate(0); -webkit-transform: translate(0); }
	     100% { transform: translate(-100vw); -webkit-transform: translate(-100vw); }
	 }
	 
	@media screen and (max-width: 1440px) {
		.top{ height: 70px;}
		.logo{ top: 13px;}
		.logo a{ height: 44px;}
		.nav a{ height: 70px; line-height: 70px;}
		.menu-handler{ width: 70px; height: 70px;}
		.menu-handler p{ margin: 25px auto;}
		.search-box{ right: 70px;}
		.search-box .curicon{ width: 70px; height: 70px; line-height: 70px;}
		.slide-box{ right: 70px;}
		.nav{ padding-left: 5%;}
		.nav li{ margin: 0px 15px;}
		.nav a:before{ height: 5px;}
		.banner .desc { margin-top: -100px;}
		.banner .desc h4{ font-size: 50px; margin-bottom: 20px;}
		.banner .desc .c{ font-size: 14px; margin-bottom: 30px;}
		.menubarM-list .subnav a{ margin-right: 5%;}}
		
		
		@media screen and (max-width: 1024px) {.banner .desc{ width: 70%; left: 15%; margin: 0; transform: translateY(-50%);}
		.banner .desc h4{ font-size: 30px;}
		.banner .slick-dots{ left: 0; text-align: center; bottom: 70px;}
		.banner .slick-dots li{ margin: 0px 4px;}
		.banner .slick-dots li a{ width: 6px; height: 6px; border-radius: 50%;}
		.btn-more{ width: 140px; font-size: 12px; height: 36px; line-height: 36px;}  }
		
	@media (max-width:640px) {
		.banner .swiper-pagination {
		bottom:20px
	}
	
	.banner .desc{ width: 90%; left: 5%;}
		.banner .desc h4{ font-size: 24px;}
		.banner .desc .c{ font-size: 12px;}
	}
	
	
	/**/
	.enter-out {
	    overflow: hidden;
	    height: 726px;
	    background-color: #f8f8f8
	}
	
	.m-enter {
	    background-color: #f8f8f8;
	    height: 100%
	}
	
	.enter-in {
	    height: 95%;
	    max-width: 1440px;
	    width: 100%;
	    position: relative;
	    margin: 0 auto
	}
	
	.enter-pic {
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	    right: 0;
	    height: 90%;
	    width: 55%;
	    overflow: hidden;
	    z-index: 1
	}
	
	.enter-pic img {
	    position: absolute;
	    right: 0;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	    width: 100%;
	    height: auto
	}
	
	.enter-txt {
	    position: absolute;
	    top: 50%;
	    z-index: 2;
	    padding: 65px 70px 80px 50%;
	    background-color: #fff;
	    right: 100%;
	    -webkit-transform: translate(50%, -50%);
	    -moz-transform: translate(50%, -50% y);
	    -ms-transform: translate(50%, -50%);
	    -o-transform: translate(50%, -50%);
	    transform: translate(50%, -50%);
	    width: 100%
	}
	
	.idx-tit1 h3 {
	    color: #0f458d;
	    font-size: 36px
	}
	
	.idx-tit1 p {
	    font-size: 16px;
	    letter-spacing: 5px;
	    text-transform: uppercase;
	    font-family: hcb;
	    color: #707070
	}
	
	.enter-desc {
	    font-size: 18px;
	    color: #666;
	    padding-top: 35px
	}
	
	.enter-desc p {
	    padding-bottom: 20px
	}
	
	.enter-desc strong {
	    color: #333
	}
	
	.enter-icon {
	    font-size: 0
	}
	
	.ei-item {
	    display: inline-block;
	    vertical-align: middle;
	    font-size: 0;
	    margin-right: 50px
	}
	
	.ei-item:last-child {
	    margin-right: 0
	}
	
	.ei-item i {
	    display: inline-block;
	    vertical-align: middle;
	    width: 25px;
	    height: 25px;
	    background: url(../images/icon1.png) no-repeat center center/contain;
	    margin-right: 10px
	}
	
	.ei-item span {
	    display: inline-block;
	    vertical-align: middle;
	    font-size: 16px;
	    color: #333
	}
	
	.ei-item:hover i {
	    background-image: url(../images/icon1-on.png)
	}
	
	.enter-arrow {
	    width: 73px;
	    height: 73px;
	    background: #fff url(../images/more.png) no-repeat center center/32px auto;
	    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%, -50%);
	    -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    -o-transform: translate(-50%, -50%);
	    transform: translate(-50%, -50%);
	    z-index: 3
	}
	
	
	
	
	 .grid .number{ grid-column: 1 / 3;}
	  .grid .number{ display: grid; grid-template-columns: repeat(4,1fr); width: 100%; height: auto; }
	  .grid .number .itm{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 1.5rem 0; color: var(--dark); line-height: 1;}
	  .grid .number .itm:first-child{ justify-content: flex-start;}
	  .grid .number .itm:last-child{ justify-content: flex-end;}
	  .grid .number .itm .ico{ margin-right: 2rem;}
	  .grid .number .itm .ico i{ font-size: 5rem; color: var(--primary)}
	.about .grid .number .itm  i:nth-child(3){ font-size: 10rem;}
	  
	  .grid .number .itm .num{ display:inline-block; flex-flow: column nowrap;}
	  .grid .number .itm .num .counter{ font-size: 3rem;display: inline-block;color:#e10c1b}
	  .grid .number .itm .num .cap{ font-size: 1.125rem;margin-top: 20px;}
	  .grid .number .itm .num span{ font-size: 3rem;display: inline-block;color:#e10c1b}
	
	
	.num sup{    position: relative;
	    border: 1px solid #000;
	    top: -37px;
	    right: -62px;
	    width: 20px;} 
		
		
		
		
		/* sub */
		.head{ position: relative; width: 100%; height: 24vw; padding-top: 90px; }
		.head .thumb{ width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
		.head .title{ position: absolute; bottom: 0; left: 0; display: flex; flex-flow: column nowrap; justify-content: center; width: 100%; height: calc( 100% - 90px); padding: 0 13.5vw  ; color: var(--light)}
		.head .title .cn{ font-size: 2rem; line-height: 2; font-weight: 700;}
		.head .title .en{ font-size: 1.75rem; line-height: 1; text-transform: uppercase;}
		.location{ display: flex; align-items: center; width: 100%; padding: 0 13.5vw ; border-bottom: 1px solid #e0e0e0; font-size: 0.875rem; line-height: 1.5; color: var(--dark);}
		.location:before{ content: '当前位置：'; background: url('../img/location.png') left center no-repeat; padding-left: 1.5em;}
		.location a{ padding: .75em 0; line-height: 2; color: var(--dark); transition: all .3s;}
		.location a:not(:last-child):after{ content: '>'; padding: 0 .5em; font-weight: 300;}
		
		.wrapper{ display: grid; grid-gap: 2.5vw; width: 100%; height: auto; padding: 2.5vw 13.5vw  ;}
		 
		 
		 
		 /* about */
		.about-profile{ display: grid; grid-template-columns: 1fr 3fr;}
		.about-profile .title{ position: relative; padding: 4rem; background: url('../img/profile-t.png') center center no-repeat; background-size: cover;}
		.about-profile .title:after{ content: ''; position: absolute; z-index: 0; }
		.about-profile .title .cn{ font-size: 1.5rem; line-height: 1.5; color: var(--light)}
		.about-profile .title .en{ font-size: 1.5rem; line-height: 1.5; color: var(--light)}
		.about-profile .content{ width: 100%; height: 0; padding-bottom: 40%; background: url('../img/about02.jpg') center center no-repeat; background-size: cover;}
		
		 
		
		 .about-information{ display: grid; grid-gap: 1.25vw;background-color: #f9f9f9}
		 .about-information .title{ font-size: 1.5rem; font-weight: 700; color: #0D3882}
		 .about-information .content{ font-size: 18px; line-height: 2; color: #000;}
		 
		 .about-partner{ display: grid; grid-gap: 1.25vw;}
		 .about-partner .title{ font-size: 1.5rem; font-weight: 700; color: var(--primary)}
		 .about-partner .content{ width: 100%; overflow: hidden;}
		 .about-partner .content .list{ width: calc(100% + 1.5rem); margin-left: -0.75rem;}
		 .about-partner .content .list .itm{ padding: 0 .75rem}
		 .about-partner .content .list .itm .thumb{ position: relative; width: 100%; height: 0; padding-bottom: 40%; border-radius: 8px; background: var(--light); overflow: hidden;}
		 
		 .about-culture{ display: grid; grid-gap: 1.25vw;}
		 .about-culture .title{ font-size: 1.5rem; font-weight: 700; color: #0D3882}
		 .about-culture .content{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 1rem;}
		 .about-culture .content .itm{ padding: 40px 20px; border-radius: 8px; background: var(--light);}
		 .about-culture .content .itm .caption{ display: flex; align-items: center; margin-bottom: 1rem; font-size: 18px; line-height: 1.5; font-weight: 500; color: var(--dark)}
		 .about-culture .content .itm .caption i{ font-size: 2rem; color: var(--secondary)}
		 .about-culture .content .itm .cn{ font-size: .875rem; line-height: 2; color: #666}
		 .about-culture .content .itm .en{ font-size: .75rem; line-height: 2; color: #999}
		 
		 .about-line{ width: 100%; height: 1px; background: #e0e0e0;}
		
		 
	
	/**/
	.product {
		margin-top:95px;
		margin-bottom:90px
	}
	.product li {
		width:30.33%;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		margin-bottom:80px;display:inline-block
	}
	.product-list .pro {
		 
		text-align:center;
		/*background:#f6f6f6;*/
		border-radius:3px;
		position:relative
	}
	.product-list .pro img {
		height:auto;
		width:409px
	}
	.product-list .desc {
		position:relative;
		padding:30px 0;
		border-bottom:1px solid #e1e1e1
	}
	.product-list .desc:after {
		content:'';
		width:0%;
		height:1px;
		background:#0f458d;
		left:0;
		bottom:-1px;
		position:absolute;
		transition:ease .6s;
		-ms-transition:ease .6s;
		-o-transition:ease .6s;
		-webkit-transition:ease .6s;
		-moz-transition:ease .6s
	}
	.product-list .desc p {
		font-size:18px;
		color:#333
	}
	.product-list .desc span {
		font-size:14px;
		color:#333
	}
	.product-list .desc a {
		position:absolute;
		display:inline-block;
		padding:10px 31px;
		font-size:14px;
		color:#333;
		border:1px solid #b7b7b7;
		border-radius:3px;
		right:0;
		top:33px
	}
	.product-list .intro {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		line-height:1;
		background:rgba(0,0,0,.1);
		border:4px solid #e9e9e9;
		opacity:0
	}
	.product-list .intro h4 {
		font-size:24px;
		color:#fff;
		margin-top:166px;
		 
		transition:ease .6s;
		-ms-transition:ease .6s;
		-o-transition:ease .6s;
		-webkit-transition:ease .6s;
		-moz-transition:ease .6s;
		transform:translateY(20px);
		-ms-transform:translateY(20px);
		-o-transform:translateY(20px);
		-webkit-transform:translateY(20px);
		-moz-transform:translateY(20px)
	}
	.product-list .intro p {
		font-size:14px;
		line-height:28px;
		color:#fff;
		width:84%;
		margin:0 auto 50px;
		text-align:left;
		transition:ease .6s 50ms;
		-ms-transition:ease .6s 50ms;
		-o-transition:ease .6s 50ms;
		-webkit-transition:ease .6s 50ms;
		-moz-transition:ease .6s 50ms;
		transform:translateY(20px);
		-ms-transform:translateY(20px);
		-o-transform:translateY(20px);
		-webkit-transform:translateY(20px);
		-moz-transform:translateY(20px)
	}
	.product-list .intro i {
		display:inline-block;
		width:60px;
		height:60px;
		background:url(../images/icon13.png) no-repeat center;
		transition:ease .6s .1s;
		-ms-transition:ease .6s .1s;
		-o-transition:ease .6s .1s;
		-webkit-transition:ease .6s .1s;
		-moz-transition:ease .6s .1s;
		transform:translateY(20px);
		-ms-transform:translateY(20px);
		-o-transform:translateY(20px);
		-webkit-transform:translateY(20px);
		-moz-transform:translateY(20px)
	}
	.product-list:hover .intro {
		opacity:1
	}
	.product-list:hover .intro h4 {
		transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0)
	}
	.product-list:hover .intro p {
		transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0)
	}
	.product-list:hover .intro i {
		transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0)
	}
	.product-list:hover .desc:after {
		width:100%
	}
	.product-list:hover .desc a {
		color:#0f458d;
		border-color:#0f458d
	}
	.product-list:hover .desc p {
		color:#0f458d
	} 
	
	
	
	/**/
	.product01 {
		margin-top:95px;
		margin-bottom:90px
	}
	.product01 li {
		width:33%;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		margin-bottom:80px;display:inline-block
	}
	.product-list01 .pro {
		 
		text-align:center;
		/*background:#f6f6f6;*/
		border-radius:3px;
		position:relative
	}
	.product-list01 .pro img {
		height:auto;
		width:440px
	}
	.product-list01 .desc {
		position:relative;
		padding:26px 0;
		border-bottom:1px solid #e1e1e1
	}
	.product-list01 .desc:after {
		content:'';
		width:0%;
		height:1px;
		background:#0f458d;
		left:0;
		bottom:-1px;
		position:absolute;
		transition:ease .6s;
		-ms-transition:ease .6s;
		-o-transition:ease .6s;
		-webkit-transition:ease .6s;
		-moz-transition:ease .6s
	}
	.product-list .desc p {
		font-size:18px;
		color:#333
	}
	.product-list01 .desc span {
		font-size:14px;
		color:#333
	}
	.product-list01 .desc a {
		position:absolute;
		display:inline-block;
		padding:10px 31px;
		font-size:14px;
		color:#333;
		border:1px solid #b7b7b7;
		border-radius:3px;
		right:0;
		top:33px
	}
	.product-list01 .intro {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		line-height:1;
		background:rgba(0,0,0,.1);
		border:4px solid #e9e9e9;
		opacity:0
	}
	.product-list01 .intro h4 {
		font-size:24px;
		color:#fff;
		margin-top:43px;
		margin-bottom:74px;
		transition:ease .6s;
		-ms-transition:ease .6s;
		-o-transition:ease .6s;
		-webkit-transition:ease .6s;
		-moz-transition:ease .6s;
		transform:translateY(20px);
		-ms-transform:translateY(20px);
		-o-transform:translateY(20px);
		-webkit-transform:translateY(20px);
		-moz-transform:translateY(20px)
	}
	.product-list01 .intro p {
		font-size:14px;
		line-height:28px;
		color:#fff;
		width:84%;
		margin:0 auto 50px;
		text-align:left;
		transition:ease .6s 50ms;
		-ms-transition:ease .6s 50ms;
		-o-transition:ease .6s 50ms;
		-webkit-transition:ease .6s 50ms;
		-moz-transition:ease .6s 50ms;
		transform:translateY(20px);
		-ms-transform:translateY(20px);
		-o-transform:translateY(20px);
		-webkit-transform:translateY(20px);
		-moz-transform:translateY(20px)
	}
	.product-list01 .intro i {
		display:inline-block;
		width:60px;
		height:60px;
		background:url(../images/icon13.png) no-repeat center;
		transition:ease .6s .1s;
		-ms-transition:ease .6s .1s;
		-o-transition:ease .6s .1s;
		-webkit-transition:ease .6s .1s;
		-moz-transition:ease .6s .1s;
		transform:translateY(20px);
		-ms-transform:translateY(20px);
		-o-transform:translateY(20px);
		-webkit-transform:translateY(20px);
		-moz-transform:translateY(20px)
	}
	.product-list01:hover .intro {
		opacity:1
	}
	.product-list:hover .intro h4 {
		transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0)
	}
	.product-list01:hover .intro p {
		transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0)
	}
	.product-list01:hover .intro i {
		transform:translateY(0);
		-ms-transform:translateY(0);
		-o-transform:translateY(0);
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0)
	}
	.product-list01:hover .desc:after {
		width:100%
	}
	.product-list01:hover .desc a {
		color:#0f458d;
		border-color:#0f458d
	}
	.product-list01:hover .desc p {
		color:#0f458d
	} 
	
	.container_1390{max-width:1390px;margin: 0 auto;text-align: center;}
	/**/
	footer .fl01{ padding:3.75rem 0 2.375rem; background:#f6f7f9; border-bottom:#dddee1 1px solid}
		footer .fl01 .left h3{ height:3.5rem;text-align: left;display:block;}
	footer .fl01 .left h3 img{ height:auto;width:280px}
	footer .fl01 .footer_nav{ margin:1.25rem 0 1.625rem}
	footer .fl01 .footer_nav ul li{display:inline-block;margin-right: 1.5rem;line-height:2rem;}
	footer .fl01 .footer_nav ul li a{ font-size:1rem; color:#484849; transition:0.6s;font-weight:bold;}
	footer .fl01 .footer_share .social-share-block{}
	footer .fl01 .footer_share .social-share-block li {display: inline-block; width:35px; height:35px; border:1px solid #cfd0d4; border-radius:50%;vertical-align: middle; text-align:center;margin-right: 8px; }
	footer .fl01 .footer_share .social-share-block li a {display: table-cell; width:33px; height:33px;vertical-align: middle;}
	footer .fl01 .footer_share .social-share-block li a img{ opacity:.4;-webkit-transition: ease 0.3s;-moz-transition: ease 0.3s;-ms-transition: ease 0.3s;-o-transition: ease 0.3s;transition: ease 0.3s;}
	footer .fl01 .footer_share .social-share-block li a:hover img { opacity: 0.7; }
	footer .fl01 .footer_share .social-share-block li:last-of-type {margin-right: 0; }
	.foot_ewm_btn{ position:relative;}
	.foot_ewm_btn .dd{position:absolute;width:110px;height:110px;padding: 5px;background:#fff;bottom:60px;left:50%;margin-left:-55px;opacity:0;visibility:hidden;transition:.5s;}
	.foot_ewm_btn .dd:before{ content:""; display:block; border:6px solid transparent; border-top:6px solid #fff; position:absolute; bottom:-12px; left:50%; margin-left:-6px; }
	.foot_ewm_btn .dd img{ width:100px; height:100px;}
	.foot_ewm_btn .dd.act{ bottom:50px; opacity:1; visibility: visible; }
	
	footer .fl01 .right .wenzi{ display:inline-block; text-align:right; padding:1.5rem 0 0; }
	footer .fl01 .right .wenzi h5{ font-size:0.9375rem; color:#5c5c5e; margin-bottom:1rem; line-height:1.5rem}
	footer .fl01 .right .wenzi h4{ font-size:1.0625rem; color:#636468; font-family:Swis721 BlkCn BT; line-height:1.5625rem}
	footer .fl01 .right .ewm{display:inline-block;vertical-align:top;margin-left: 1rem;}
	footer .fl01 .right .ewm ul li{display:inline-block;margin-left: 1rem;}
	footer .fl01 .right .ewm ul li .img{ padding:0.5rem; border:#ddd 1px solid}
	footer .fl01 .right .ewm ul li .img img{width: 5.75rem;height: 5.75rem;position:relative;text-align:center;display: inline-block;}
	footer .fl01 .right .ewm ul li h5{ margin-top:0.75rem; font-size:0.8125rem; color:#8e8e8e; text-align:center}
	
	
	footer .fl02{ padding:1.5rem 0; background:#f6f7f9; border-bottom:#dddee1 1px solid}
	footer .fl02 p, footer .fl02 a{line-height:1.5rem;color:#9e9fa1;font-size: 0.8125rem;transition:0.6s;}
	.fl{ float:left}
	.fr{ float:right}